<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="font_ufvhgsefy1k/iconfont.css">
    <link rel="stylesheet" href="font_evsw3qz4odr/iconfont.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/meet.css">
   
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="yuLiu"></div>
        <div class="head">
            <h3>遇见</h3>
        </div>

        <article>
            <h4>修心之旅——遇见最美的Ta,成就最美的你。</h4>
        </article>
    </header>
    <section>
       


        <aside>
            <div id="box">
                    <ul class="list">
                
                
                
                    </ul>

            </div>
           
            
            <div class="sos">
                <a href="">
                    <p class="iconicon--"></p>
                    <span>
                        先收藏
                    </span>
                </a>
                <a href="">
                    <p class="iconicon--"></p>
                    <span>
                        开始画
                    </span>
                </a>
                <a href="">
                    <p class="iconicon--"></p>
                    <span>
                        不喜欢
                    </span>
                </a>
            </div>
        </aside>
    </section>
<script src="js/api.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/cookie.js"></script>
<script src="js/jquery-1.11.3.min.js"></script>

    <script>

        axios.post(ShowvideoApi,{
            'currentPage':1,
            'pageSize':10

        }).then(res=>{
            console.log(res.data)


            let obj = res.data.info;
            let html = '';
            for(let i=0; i<obj.length; i++){
                console.log(obj[i])
                let pobj = obj[i];
                 html = `
                 
                 <li><img src="${pobj.videoCourseImgUrl}" alt=""></li>
                 <li><img src="${pobj.videoCourseImgUrl}" alt=""></li>
                 <li><img src="${pobj.videoCourseImgUrl}" alt=""></li>
                 <li><img src="${pobj.videoCourseImgUrl}" alt=""></li>
                 <li><img src="${pobj.videoCourseImgUrl}" alt=""></li>
                                 
                 `

                $('.list').html(html);
            }
        })
    
       
    
    
    
    </script>




    <!-- 底部 -->
    <footer>
        <figure class="shouye">
            <span class="iconfont iconshouye"></span>
            <figcaption>首页</figcaption>
        </figure>
        <figure class="yujian">
            <span class="iconfont iconzhaopian"></span>
            <figcaption>遇见</figcaption>
        </figure>
        <figure class="shequ">
            <span class="iconfont iconshequ-weijihuo"></span>
            <figcaption>社区</figcaption>
        </figure>
        <figure class="wode">
            <span class="iconfont iconwode1"></span>
            <figcaption>我的</figcaption>
        </figure>
    </footer>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/skip.js"></script>
</body>

</html>